<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="icon" href="../favicon.ico"/>
    <meta name = "format-detection" content = "telephone=no">
    <title>花开苹果新版本安装教程</title>
    <!--<link rel="stylesheet" href="css/convention.less">-->
    <script data-res="HKtrust" src="/static/js/app/rem-100.js"></script>
    <script data-res="HKtrust" src="/static/js/app/jquery.min.js"></script>
    <script data-res="HKtrust" src="/static/js/app/clipboard.min.js"></script>
    <style>
        iframe:not(.huakai_iframe) {display:none !important;}
        *{margin: 0;padding: 0}
        .main{
            width:6.5rem;
            height: 100%;
            background-size:100% 100%;
            padding:1rem 0.5rem;
            position: relative;
        }
        .main>p{    font-size: 0.4rem;
            word-break: break-all;
            line-height: 0.6rem;
            margin: 0.3rem 0;
            color: #f05c5c;
            text-align: center;}
        .main>p>b{font-weight: normal}
        .main .btn{
            color: #00A3FF;
            display: inline-block;
            padding: 0.35rem;
            border: 0.01rem solid #00A3FF;
            border-radius: 0.3rem;
            background: #fff;
            font-size: 0.4rem;
        }
        .tanchuang{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0}
        .tanchuang>p{border-radius: 0.1rem;text-align: center;line-height: 2rem;
            color: #101010;font-size:0.3rem;position: absolute;top:50%;left: 50%;width: 5rem;height: 3rem;background: #fff;margin-top: -1.5rem;margin-left: -2.5rem}
        .tanchuang>p>button{font-size:0.3rem;width: 100%;display: block;background: #fff;border: 0;position: absolute;bottom: 0;height: 1rem;line-height: 1rem;text-align: center;border-top:0.02rem solid #EEEEEE ;border-radius:0 0 0.1rem 0.1rem}
    </style>
</head>
<body>
<script data-res="HKtrust" src="/static/js/common/Monitor.js"></script>
<div data-res="HKtrust" class="main">
    <p>先卸载掉手机上的花开；</p>
    <p>再打开新版本的下载地址以及<br>安装教程<br><b>https://www.huakai.me/app/workspace/guide/index.html</b><br><button onclick="" class="btn">复制链接</button><br>（复制以上链接到手机自带的Safari浏览器进打开下载安装）</p>
    <p>*安装过程中如果遇到问题请联系花开客服QQ号：1556223522</p>
    <div class="tanchuang">
        <p>链接复制成功！<button class="btn2">好</button></p>
    </div>
</div>
<script data-res="HKtrust">
    $(function () {
            $(".tanchuang").css("height",$(window).height())
            $(".btn").click(function () {
                $(".tanchuang").show();
            })
            $(".btn2").click(function () {
                $(".tanchuang").hide();
            })
            var clipboard = new Clipboard('.btn', {
                text: function() {
                    return 'https://www.huakai.me/app/workspace/guide/index.html';
                }
            });
            clipboard.on('success', function(e) {
                // alert("复制成功");
            });
            clipboard.on('error', function(e) {
                // alert("复制失败");
            });
    })

</script>
<script data-res="HKtrust" src="/static/js/app/clearAdv.js"></script>
</body>
</html>